<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Stellasketch: Help</title>
<link rel="stylesheet" href="css/style.css" TYPE="text/css">

</head>

<body>
<jsp:include page="nav.jsp" />
<jsp:include page="showError.jsp" />

<div class="head">About Stellasketch</div>

<p>Stellasketch is a sketching game akin to Pictionary or the
totally rad 1980s game show "Win, Lose, or Draw". Unlike most games,
this one is actually a sneaky ruse designed to trick people into giving
data about how people make and describe drawings. This can help
researchers in a number of ways, such as for giving input to machine
learning algorithms that train sketch recognizers. <i>By playing
Stellasketch, you are actually helping make Science happen.</i> You may feel
warm and fuzzy inside knowing this.</p>

<div class="head">Playing Stellasketch</div>

<p>Stellasketch is played in an applet, which you can load by
clicking the 'Play' link at the top of any page on the site. Games are
divided into chat rooms. You can join or create rooms by clicking on the
buttons at the left. When you're in a room you can leave it by typing
"/leave" into the chat area. When there's enough people in a room, it
will automatically start a game.</p>

<table class="float_left">
	<tr>
		<td><a class="toggleborder" href="ss_pick_theme.png"><img
			title="Voting on a theme" src="ss_pick_theme.png" class="float_left"
			width="163" height="123" /></a></td>
	</tr>
	<tr>
		<td>Picking a theme</td>
	</tr>
</table>

<p>At the beginning of each game, players get to vote on which theme
they want. Whenever a theme gets enough votes (or a timer goes off), the
sketching part begins. One player is chosen to sketch, and everybody
else are labelers.</p>

<table class="float_left">
	<tr>
		<td><a class="toggleborder" href="ss_draw.png"><img
			title="Voting on a theme" src="ss_draw.png" class="float_left"
			width="163" height="123" /></a></td>
	</tr>
	<tr>
		<td>Sketching (red border around canvas)</td>
	</tr>
</table>

<p>The sketcher is given the secret clue, and is shown a drawing
area (with a dashed red border). There is a time limit on drawing. When
time is up, everybody gets to see the clue, and just for good measure
everybody can collaboratively (or combatively) draw on the canvas.</p>

<table class="float_left">
	<tr>
		<td><a class="toggleborder" href="ss_guess.png"><img
			title="Voting on a theme" src="ss_guess.png" class="float_left"
			width="163" height="123" /></a></td>
	</tr>
	<tr>
		<td>Labeling (grey border around canvas)</td>
	</tr>
</table>

<p>Labelers watch as the drawing is made, and should try to apply
good labels. You will get more points if your labels are semantically
similar to the other players' tags, so it is wise to not be <i>too</i>
clever. <span style="font-weight: bold; color: #700000">The AI
component that figures out what your labels mean is NOT integrated into
Stellasketch yet. The scoring system is COMPLETELY random as of April 1</span>.</p>

<p>Each game has some number of rounds in the same theme. After a
few rounds, players pick a new theme, and the cycle continues until
either people leave the room, or the sun goes supernova.</p>

<p>Other stuff:</p>
<ul>
<li>Type "/leave" to exit your room and go back to the lobby.</li>
<li>Type "/who" to see who is in the room.</li>
<li>Type "/nick [new name]" to change your name</li>
<li></li>

</ul>
</body>
</html>
